<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			img {
            width: 100%;
            height: 100%;
        }
		.videoItem {
			width: 100%;
		}
    </style>
	</head>

	<body>


		<h1 label="标题居左" style="font-size: 32px; font-weight: bold; padding: 0px 4px 0px 0px; text-align: left; margin: 0px 0px 10px;">
			<span style="color: rgb(54, 96, 146); font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-weight: bold; text-align: left; font-size: 20px;">趣学中文</span><br />
		</h1>
		<div style="line-height: 25px; text-align: justify; justify-content: center; align-items: center;">
			<span style='margin-left: 2em;'>亲爱的小伙伴，你知道什么是数字化汉语课堂吗？在这里，你可以看到萌萌的卡通动画，体验趣味小游戏以及练习汉字书写。点击视频，一起感受生动有趣的汉语课吧！</span><br>
			<div style='width:100%; text-align:center;'>
				</br>
				<img onclick="clicked('video','http://1301325388.vod2.myqcloud.com/aea92fccvodtranscq1301325388/400c62685285890812562371650/v.f100040.mp4')"
				 src="http://1301325388.vod2.myqcloud.com/d7bf4224vodcq1301325388/b2709aa65285890813434926022/6fAUveTWvKwA.jpg"
				 class="loadingclass" />

			</div>
			</br>
			<span style='margin-left: 2em;'>汉字难吗？这些方块字究竟是什么意思？它们又是怎样一笔一划组成起来的？点击汉字动画小视频，了解汉字的起源和书写方式，你也可以成为识字达人！</span><br>
			<p style="margin-left:0;text-indent:0;text-align:center">
				<span style=";font-family:宋体;font-size:16px">-1- </span>
				<ruby>
					牛
					<rp>
						(
					</rp>
					<rt style="font-family:华文仿宋;font-size:13px">
						niú
					</rt>
					<rp>
						)
					</rp>
				</ruby>
			</p>

			<div style='width:100%; text-align:center;'>
				<img onclick="clicked('video','http://1301325388.vod2.myqcloud.com/aea92fccvodtranscq1301325388/400df1a95285890812562374108/v.f100040.mp4')"
				 src="http://1301325388.vod2.myqcloud.com/d7bf4224vodcq1301325388/b2709ae75285890813434926041/sjsLr6pWwhEA.jpg"
				 class="loadingclass" />
			</div>
			<p style="margin-left: 0px; text-indent: 0px; text-align: center;">
				<span style=";font-family:宋体;font-size:16px;">-2- </span>
				<ruby>
					虎
					<rp>
						(
					</rp>
					<rt style="font-family:华文仿宋;font-size:13px">
						hǔ
					</rt>
					<rp>
						)
					</rp>
				</ruby>
			</p>
			<div style='width:100%; text-align:center;'>
				<img onclick="clicked('video','http://1301325388.vod2.myqcloud.com/aea92fccvodtranscq1301325388/400d87b15285890812562373936/v.f100040.mp4')"
				 src="http://1301325388.vod2.myqcloud.com/d7bf4224vodcq1301325388/b2709aa95285890813434926025/J3enYN2skAYA.jpg"
				 class="loadingclass" />
			</div>
			<p style="margin-left:0;text-indent:0;text-align:center">
				<span style=";font-family:宋体;font-size:16px;">-3- </span>
				<ruby>
					马
					<rp>
						(
					</rp>
					<rt style="font-family:华文仿宋;font-size:13px">
						mǎ
					</rt>
					<rp>
						)
					</rp>
				</ruby>
			</p>

			<div style='width:100%; text-align:center;'>
				<img onclick="clicked('video','http://1301325388.vod2.myqcloud.com/aea92fccvodtranscq1301325388/400dee0c5285890812562374057/v.f100040.mp4')"
				 src="http://1301325388.vod2.myqcloud.com/d7bf4224vodcq1301325388/b2709aad5285890813434926029/HiaYd2yYbHwA.jpg"
				 class="loadingclass" />
			</div>
			<p style=" margin-left:0;text-indent:0;text-align:center">
				<span style="font-family:宋体;font-size:16px">-4- </span>
				<ruby>
					羊
					<rp>
						(
					</rp>
					<rt style="font-family:华文仿宋;font-size:13px">
						yánɡ
					</rt>
					<rp>
						)
					</rp>
				</ruby>
			</p>

			<div style='width:100%; text-align:center;'>
				<img onclick="clicked('video','http://1301325388.vod2.myqcloud.com/aea92fccvodtranscq1301325388/6e81d78e5285890812559358501/v.f100040.mp4')"
				 src="http://1301325388.vod2.myqcloud.com/d7bf4224vodcq1301325388/e19b03a95285890813438712442/ixKmPfTXKgcA.jpg"
				 class="loadingclass" />
			</div>
			<p style="margin-left: 0px; text-indent: 0px; text-align:
													 center;">
				<span style=";font-family:宋体;font-size:16px">-5- </span>
				<ruby>
					鸡
					<rp>
						(
					</rp>
					<rt style="font-family:华文仿宋;font-size:13px">
						jī
					</rt>
					<rp>
						)
					</rp>
				</ruby>
			</p>

			<div style='width:100%; text-align:center;'>
				<img onclick="clicked('video','http://1301325388.vod2.myqcloud.com/aea92fccvodtranscq1301325388/400d88795285890812562373998/v.f100040.mp4')"
				 src="http://1301325388.vod2.myqcloud.com/d7bf4224vodcq1301325388/b2709ac85285890813434926033/HPR9aI9vXiQA.jpg"
				 class="loadingclass" />
			</div>
			<p style=" margin-left:0;text-indent:0;text-align:center">

				<span style=";font-family:宋体;font-size:16px">-6- </span>
				<ruby>
					水
					<rp>
						(
					</rp>
					<rt style="font-family:华文仿宋;font-size:13px">
						shuǐ
					</rt>
					<rp>
						)
					</rp>
				</ruby>
			</p>

			<div style='width:100%; text-align:center;'>
				<img onclick="clicked('video','http://1301325388.vod2.myqcloud.com/aea92fccvodtranscq1301325388/400df24e5285890812562374158/v.f100040.mp4')"
				 src="http://1301325388.vod2.myqcloud.com/d7bf4224vodcq1301325388/b2709acc5285890813434926037/CvyNOzngVA0A.jpg"
				 class="loadingclass" />
			</div>
			<div style='width:100%; text-align:center;'>如果你也想体验汉字书写，赶快下载软件试试吧！</div>
			</br>
			<div style='width:100%; text-align:center;display: flex;justify-content: center;'><img src="../../static/img/download.png"
				 style="width: 20%;" alt="" onclick="todown()">
			</div>
		</div>

		<script type="text/javascript" charset="utf-8">
			function clicked(type, src) {
				var data = {
					type: type,
					src: src

				};
				window.parent.postMessage({
					data: data
				}, '*');
			}

			function todown() {
				location.href = "http://cc-uae.scxhlz.com/down/index.html";
			}
		</script>
	</body>

</html>
